@charset "utf-8";
/*************************************************************
基础信息：
	主明：此css全课云ui样式，属于一些组建和控件的统一与各类的样式
	可以添加和修改里面的样式，但得注明版本和更新内容;
	初始化版本号：1.0;
	初始化人员：zwt;
	日期：2016/06/06;
**********************************************************
更新信息：
	更改版本号：2.0;
	更改人员：zwt;
	日期：2016/08/11;
	更改内容：抽出颜色风格到qkyui_theme.css,优化和新增日历，下拉的特殊情况下的样式，增加一些宽度的档位，新增进度条，连体按钮，伸头导航，交互导航，反色背景fhbg按钮等新控件；
**************************************************************/

.qkymain{ padding:6%; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

/*下拉菜单*/
.qkysel{ line-height:32px; font-size:14px;}
.qkysel.center_l{ width:90%; margin:auto;}
.qkysel .seltxt{height:34px; line-height:34px; margin-right:4px; position:relative;}
.qkysel .seltxt.dingw{width:70px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.qkysel .seltxt b{ position:absolute; left:-16px; top:0; display:block; height:34px; line-height:44px; width:16px; font-size:20px; text-align: right;}
.qkysel .selshow{  padding-left:14px; cursor:pointer; position:relative;box-sizing:border-box;}
.qkysel .selshow.inp.hicon{ position:relative; z-index:99;}
.qkysel .selshow.inp.hicon .seaicon{ position:absolute; width:32px; height:32px; top:0; left:0; text-align:center; z-index:12;}
.qkysel .selshow.inp.hicon .timeicon{ position:absolute; width:32px; height:32px; top:0; right:0; text-align:center; z-index:12;}
.qkysel .selshow.inp.hicon .u_d{position:absolute; width:32px; height:32px; top:0; right:0; text-align:center; z-index:12;}
.qkysel .selshow.inp.hicon .u_d i{ display:block; text-align:center; font-size:14px; line-height:16px;}
.qkysel .selshow.inp input[type='text'],.qkysel .selshow.inp input[type='date']{ background:none; border:none;  font-size:16px; width:100%; position:relative; z-index:11; font-family: Arial,Microsoft YaHei; outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
.qkysel .selshow.inp textarea{background:none; border:none; min-height:200px;font-family: Arial,Microsoft YaHei; font-size:16px; padding:14px 14px 14px 0; box-sizing:border-box; width:100%;}
.qkysel .selshow a.selectON{ width:85%; padding-right:15%; display:block; position:relative; }
.selicon{ position:absolute; width:15%; text-align:center; display:block; line-height:34px; top:0; right:0;}

.qkysel .optionbox{ position: fixed; width:100%; bottom:0; left:0; z-index:99999999999;transform:translateY(100%);}
.qkysel .optionbox.show{ transform:translateY(0)}
.qkysel .optionbox .zd{ position:absolute; width:100%; height:62px;background:rgba(181,181,181,0.5); top:62px; left:0;}
.qkysel .optionbox a.option{ line-height:62px; height:62px; text-align:center; font-size:16px;display:block; width:100%;}
.qkysel .optionbox .swiper-container{ height:100%;}
.qkysel .optionbox .swiper-slide-active a.option{font-size:22px; }

.qkysel .upsel .optionbox{ top:auto; bottom:100%;}
.qkysel .optionbox.scroll{ height:400px;overflow-y:scroll; overflow-x:hidden; }
.qkysel .optionbox div.option{ width:100%;position:relative; z-index:777; margin-bottom:2px; }
.qkysel .optionbox div.option a.twosel{ width:75%; padding-left:5%; margin:0 10%; display:block; line-height:30px; height:30px;}
.qkysel .optionbox2{width:80%; margin:0 auto; display:none;}
.qkysel .optionbox2 a.option2{width:85%; padding-left:5%; margin:0 5%;color:#999;line-height:28px; height:28px; text-align:center;display:block; text-align:left;}




/*按钮*/
.qkybut{ padding:0 8px; text-align:center; line-height:32px; height:32px; font-size:14px; display:inline-block; box-sizing:border-box;}
.qkybut{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qkybut.li_he40{height:40px; line-height:40px;}
.qkybut.li_he48{height:48px; line-height:48px;}
.qkybut.li_he20{height:20px; line-height:20px;}



/*连体按钮*/
.qkybut_lt{text-align:center;}
.qkybut_lt a{ display:block; float:left; height:35px; line-height:35px; background:#fff; padding:0 16px; border:1px solid #13b1bb;text-align:center; color:#13b1bb; font-size:14px;}
.qkybut_lt a.st{ border-radius:6px 0 0 6px; margin-left:8px; border-right:none;}
.qkybut_lt a.mi{}
.qkybut_lt a.en{ border-radius:0 6px 6px 0;border-left:none;}
.qkybut_lt a:hover,.qkybut_lt a.cur{ background:#13b1bb; color:#fff;}
.qkybut_lt.center{ width:100%;}
.qkybut_lt.center a{ display:inline-block; float:none; margin-left:-4px;}

/*分页*/
.qkypage{ text-align:center; margin:0 auto 10px; }
.qkypage a{ display:inline-block; height:28px; line-height:28px; padding:0 12px;  margin:0 3px;border-radius:2px}
.qkypage a.no{ cursor:default;}


/*弹窗基础样式*/
.qky_maskbox{ position: fixed; z-index:999999999; top:0; left:0; width:100%; height:100%; display:none;}
.qky_maskbg{position:fixed; z-index:999999999; top:0; left:0; width:100%; height:100%;}
.qky_maskmian{ position: absolute; z-index:9999999999; width:80%; border-radius:4px;  }
.qky_maskmian{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qky_masktit{ height:46px; line-height:46px; font-size:22px; position:relative;text-align:center; margin-top:8px;}
.qky_maskcont{ width:100%;box-sizing:border-box;}
.qky_maskcont.sigtext{ width:100%; padding:20px 0 30px; text-align:center; font-size:18px;display:block;}
.qky_maskbuts{ width:100%;}
.qky_maskbuts a{ display:block; height:50px; line-height:50px; font-size:18px; text-align:center; border-radius:0 0 4px 0;}
.qky_maskbuts a.one{ border-radius:0 0 0 4px;}

/*自主复选框*/
.qkychbox{ width:14px; height:14px; border-radius:2px; display:inline-block !important; line-height:15px; text-align:center;}
.qkychbox i{ font-size:12px; }
.qkychbox.w16{ width:16px; height:16px; line-height:17px;}
.qkychbox.w18{ width:18px; height:18px; line-height:19px;}
.qkychbox.w20{ width:20px; height:20px; line-height:21px;}
.qkychbox.w30{ width:30px; height:30px; line-height:30px;}
.h34{ margin:8px 0;}
.qkychbox.h34{ margin-right:4px; display:block;}
.qkychbox.yuan{ width:16px; height:16px; line-height:17px; border-radius:50%;}

/*文本框*/
.qkytextarea{ width:100%; box-sizing:border-box;}
.qkytextarea .ta_tit{ font-size:14px; height:30px; line-height:32px; width:100%; text-align:left; position:relative;}
.qkytextarea .ta_tit.dingw{width:70px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.qkytextarea .ta_tit b{ position:absolute; left:-16px; top:0; display:block; height:34px; line-height:44px; width:16px; font-size:20px; text-align: right;}
.qkytextarea textarea{  width:92%;font-family: Arial,Microsoft YaHei; padding:12px; font-size:12px;  line-height:20px; height:140px;}
.qkytextarea.float .ta_tit{ width:auto; float:left;margin-right:4px;}
.qkytextarea.float textarea{ width:auto; float:left; min-height:120px; }
.qkytextarea textarea.XL{ width:210px; padding: 6px 10px;}
.qkytextarea.p100 textarea{ width:88%; box-sizing:border-box;padding: 6px 10px; font-size:14px;}
.qkyh1{ width:100%; padding:8px 0; text-align:center; font-size:20px; position:relative;}
.qkyi_close{ position:absolute; width:46px; height:46px; text-align:center; line-height:40px; top:0; left:0;}
.qkyi_close i{ font-size:24px;}

/*日历*/
.qky_calendar{width:100%;padding:10px; position: fixed; bottom:0; left:0; z-index:99999; display:none; box-sizing:border-box;}
.qky_calsel{ height:32px; line-height:32px; font-size:14px;}
.qky_calsel .calselshow{ width:62px; cursor:pointer; position:relative;}
.qky_calsel .calselshow.MS77{ width:77px;}
.qky_calsel .calselshow a.calselectON{ width:80%; padding:0 10%; display:block;}
.qky_calsel .caloptionbox{ position:absolute; width:100%; top:100%; left:-1px; display:none; z-index:666;}
.qky_calsel .caloptionbox.scroll{ height:300px; overflow-y:scroll; overflow-x:hidden;}
.qky_calsel .caloptionbox a.option{ line-height:28px; height:28px; text-align:center; font-size:14px; display:block; margin:1px 0; width:90%; padding:0 5%;}
.qky_calsel .upsel .caloptionbox{ top:auto; bottom:100%;}
.qky_calendar .showdate{ height:34px; line-height:34px; font-size:16px; }
.qky_cal_tab{ width:100%;  }
.qky_cal_tab th{ padding:8px 0;font-size:14px;}
.qky_cal_tab td{  text-align:center;font-size:14px; border:1px  solid;border-top:none; border-left:none;}
.qky_cal_tab td a{ display:block; padding:6px 0; }


/*交互导航*/
.qkynav{ width:100%; }
.qkynav label{ font-size:16px; display:block; position: relative; height:40px; line-height:40px; width:100%; box-sizing:border-box; text-align:center; cursor:pointer;}
.qkynav label i{ font-size:18px;}
.qkynav label a{ position:absolute; width:16px; height:16px; line-height:16px; top:13px; right:16px;}
.qkynav label a i{ font-size:14px;}
.qkynav ul{ width:100%; display:none;}
.qkynav ul li{ width:100%; text-align:center; font-size:14px;  height:36px; line-height:36px; cursor:pointer;}

/*伸头导航*/
.qkynav_zu{ width:100%;}
.qkynav_zu a{ margin-right:2px; background:#fdd010; float:left; display:block; padding:10px 16px; color:#fff; font-size:18px; border-radius:6px 6px 0 0;}
.qkynav_zu a:hover,.qkynav_zu a.cur{ background:#f98222;}

/*表格基础样式*/
.qkytable{ width:100%;}
.qkytable th{ padding:8px 0; font-size:14px;}
.qkytable td{  text-align:center; padding:10px 0; font-size:14px;border:1px solid; border-top:none; border-left:none;  line-height:32px;}
.qkytable.type2 td{line-height: normal;}
.qkytable.type3 th{box-shadow: none;  padding:12px 0;}
.qkytable.type3 tr.uptit th{font-size:18px;margin-left:1px;}
.qkytable.type3 td{line-height: normal;padding:7px 0;}

/*进度条*/
.qkyProgress{ width:100px; height:24px; border-radius:12px; position:relative; margin-right:36px; background:#e9e9e9;}
.qkyProgress_zi{ width:0%; height:100%; background:#70d130;border-radius:12px; }
.qkyProgress_show{position:absolute; width:100%; text-align:center; color:#666; top:0; left:0; height:100%; line-height:24px; color:#fff; text-align:center;}

/*N级导航树*/
.qky_njclick{ padding:10px 0;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding-left:2%;}
.qky_njclick{ -webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qky_njclick:hover{ background:#04be02; }
.qky_njbox{ display:none;}
.qky_njend{ display: block; padding:4px 8px;}
.qky_njend:hover,.qky_njend.cur{ background:#04be02;}

/*字母滑动装置*/
.qky_zmulbox{ background:#fff;}
.qky_zmulbox .zmul{ display:none; background:#fff; }
.qky_zmulbox a.zmul_tit{ background:#f6f6f6; padding:8px 16px; color:#2c2b31; font-size:18px; font-weight:bold;}
.qky_zmulbox a.renli{display:block;  width:100%; margin:0 auto; box-sizing:border-box; background:#fff;}
.qky_zmulbox a.renli.cur{ background:#d9d9d9;}
.qky_zmselbox{ box-sizing:border-box; padding:10px 2px 0; position:absolute; top:0; right:0; background:rgba(255,255,255,0.1);}
.qky_zmselbox a.zmsel{ display:none; text-align:center; color:#333; padding:1px 0; width:100%; box-sizing:border-box;}
.qky_zmselbox a:hover{ background:#04be02; color:#fff; border-radius:10px;}

.qkydate_lr{ width:100%;}
.date_lbut,.date_rbut{ color:#333; border-radius:6px; padding:8px 0; margin:0 16px; color:#04be02;}
.date_cal input{ width:100%; height:32px; line-height:32px; background:none; text-align:center; color:#04be02; font-size:18px; border:none;}